<div ng-controller="netCtrl" class="clearfix script-content">
    <div class="wrapper-md">
        <div class="panel panel-default">
            <div class="col-md-12 search-box m-b-md" style="float:none;">
                <div class="legend">查询条件</div>
                <div class="search-content">
                    <div class="form-group">
                        <label class="control-label">名称：</label>
                        <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                    </div>
                </div>
                <div class="search-btn">
                    <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                </div>
            </div>

            <div class="list-byc col-sm-8" style="padding: 0px;">
                <ul class="list-unstyled" >
                    <li class="list-li" ng-repeat="row in netList">
                        <div class="col-sm-6" style="padding-right: 15px;padding-left: 0px;">
                        <div class="panel panel-default" style="margin-bottom: 20px;">
                            <div class="panel-heading dfont-back">
                                <span>网络test1</span>
                                <span style="float: right;cursor: pointer;" ng-mouseenter="enterCon($event,row.id)">容器</span>
                                <span style="float: right">&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <span style="float: right;cursor: pointer;" ng-mouseenter="enterApp($event,row.id)">应用</span>
                            </div>
                            <div class="panel-detail">
                                <div class="col-sm-12" style="min-height: 150px;">
                                    <div>
                                        <div class="col-sm-6 net-br">
                                            <p class="net-font">关联应用</p><p class="net-num" ng-bind="row.appSize"></p>
                                        </div>
                                        <div class="col-sm-6 net-rd">
                                            <div>
                                                <div class="col-sm-6 instrument-dp text-center app-row" ng-repeat="appRow in row.appNames | limitTo :7">
                                                    <p class="net-rfont" style="cursor: pointer;" title="{{appRow.appName}}" ng-bind="appRow.appName | limitTo :6" ng-click="goApp(appRow)"></p>
                                                </div>
                                                <div class="col-sm-6 instrument-dp text-center" ng-show="row.appSize>7" style="cursor: pointer" ng-click="appMore('1')">
                                                    <span >...</span>
                                                    <img src="/statics/img/net_arrow.png">
                                                </div>
                                            </div>
                                            <div style="display: none">
                                                <div class="col-sm-6 instrument-dp text-center con-row" ng-repeat="conRow in row.containerNames | limitTo :7">
                                                    <p class="net-rfont" style="cursor: pointer;" title="{{conRow.instanceRename}}" ng-bind="conRow.instanceRename | limitTo :6" ng-click="goCon(conRow.instanceRename)"></p>
                                                </div>
                                                <div class="col-sm-6 instrument-dp" ng-show="row.containerSize>7" style="cursor: pointer" ng-click="appMore('1')">
                                                    <span >...</span>
                                                    <img src="/statics/img/net_arrow.png">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </div>
                    </li>
                    <li class="col-md-12" ng-if="isImageData">
                        暂无数据
                        <td class="td-nodata" colspan="10"></td>
                    </li>
                </ul>
                <div class="col-md-12 clearfix">
                    <div class="col-sm-6" style="padding:7px 15px;">
                        <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
                                ng-bind="param.rows"></span>条
                        </div>
                    </div>
                    <div class="col-sm-6 text-right">
                        <pagination boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="8"
                                    ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;"
                                    next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 instrument-dp panel panel-default">
                <div class="panel-heading">操作历史</div>
                <div class="panel-detail">
                    <div class="col-sm-12 instrument-font" style="min-height: 440px;">
                        <ul class="timeline">
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
